<template>
  <div>
    <router-link style="float: left"
      ><van-icon name="arrow-left" style="line-height: 50px" size="20"
    /></router-link>
    <search ></search>
    <div
      style="
        background-color: blue;
        float: left;
        line-height: 30px;
        margin-top: 10px;
        color: white;
        font-weight: 600;
      "
    >
      百度一下
    </div>
    <div class="item">
      <van-card
        v-for="(v, i) in list"
        :key="i"
        :num="v.goods_number"
        :price="v.goods_price"
        :title="v.goods_name"
        :thumb="
          v.goods_small_logo
            ? goods_small_logo
            : 'https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg'
        "
      />
    </div>
  </div>
</template>

<script setup>
import { ref } from "vue";
import search from "@/components/search.vue";
import { searchApi } from "@/api/api";

const title=ref('')
const list=ref([]);




</script>

<style lang="scss" scoped></style>
